﻿@{
    ViewBag.Title = "Sản phẩm trong kho";
}
<div class="panel panel-default">
    <div class="panel-heading">
        Danh sách Sản phẩm trong kho
    </div>
    <!-- /.panel-heading -->
    <div class="panel-body">
        <div class="form-group input-group">
            <span class="input-group-addon">Hãy chọn kho</span>
            <select id="SearchKho" class="form-control">
                <option value=""></option>
                @foreach (var kho in ViewBag.KhoID)
                {
                    <option value="@kho.Value">@kho.Text</option>
                }
            </select>
            <span class="input-group-btn">
                <button class="btn btn-primary" disabled id="btnExportToExcel" onclick="exportExcel()">Xuất ra excel</button>
            </span>
        </div>
        <div class="dataTable_wrapper">
            <table class="table table-striped table-bordered table-hover" id="dataTableView">
                <thead>
                    <tr>
                        <th>Mã Sản Phẩm</th>
                        <th>Số lượng</th>
                        <th>Đơn vị</th>
                        <th>Giá nhập</th>
                        <th>Giá bán</th>
                    </tr>
                </thead>
            </table>
        </div>
        <!-- /.table-responsive -->
    </div>
    <!-- /.panel-body -->
</div>

@section Scripts {
    @Scripts.Render("~/bundles/bootstraptablejs")
    @Styles.Render("~/bundles/bootstraptablecss")
    <script type="text/javascript" src="~/Scripts/jquery.filedownload.js"></script>
    <script type="text/javascript">
        $(document).ready(function () {
            var table = $('#dataTableView').DataTable({
                responsive: true,
                bProcessing: true,
                "iDisplayLength": 15,
                "language": {
                    "lengthMenu": 'Hiển thị <select><option value="15">15</option><option value="30">30</option><option value="50">50</option><option value="-1">All</option></select> bản ghi',
                    "info": "Hiển thị từ _START_ đến _END_ trên tổng số _TOTAL_ bản ghi",
                    "infoEmpty": "Không có bản ghi nào thỏa mãn",
                    "emptyTable": "Không có dữ liệu",
                    "search": "Tìm kiếm ",
                    "paginate": {
                        "previous": "Trang trước",
                        "next": "Trang sau"
                    }
                },
                "ajax": "@Url.Action("IndexGet")",
                "columns": [
                    { "data": "MaSP" },
                    { "data": "SoLuong" },
                    { "data": "DonVi" },
                    { "data": "GiaNhap" },
                    { "data": "GiaBan" }
                ],
                "order": [[0, "asc"]]
            });

            $('#SearchKho').change(function (event) {
                $("#btnExportToExcel").attr("disabled", '');
                if ($(this).val() != '') {
                    $(this).attr("disabled", '');
                    table.ajax.url('@Url.Action("IndexGet")' + "/" + $(this).val()).load(function (data) {
                        $("#btnExportToExcel").removeAttr("disabled");
                        $("#SearchKho").removeAttr("disabled");
                    });
                }
            });
        });

        function exportExcel() {
            @*jQuery('<form action="' + '@Url.Action("Export")' + '/' + $('#SearchKho').val() + '" method="GET"></form>').appendTo('body').submit().remove();

            $.ajax({
                url: '@Url.Action("Export", "ThongKe")',
                type: "GET",
                dataType: "json",
                data: { id: $('#SearchKho').val() },
                error: function (data) {
                },
                success: function (data) {
                }
            });*@
            $.fileDownload('' + '?id=' + $('#SearchKho').val(), {
                preparingMessageHtml: "Đang thực hiện. Vui lòng đợi.",
                failMessageHtml: "Có lỗi khi xuất ra excel."
            });
        }
    </script>
}